.tiptap.ProseMirror {
  // 图片基础样式
  img {
    max-width: 100%;
    height: auto;
    display: block;
  }

  // 非表情图片样式
  > img:not([data-type="emoji"] img) {
    margin: 2rem 0;
    outline: 0.125rem solid transparent;
    border-radius: var(--tt-radius-xs, 0.25rem);
  }

  // 选中状态图片样式
  &.ProseMirror-focused img:not([data-type="emoji"] img).ProseMirror-selectednode {
    outline-color: var(--tt-brand-color-500);
  }

  // 线程图片处理
  .tiptap-thread:has(> img) {
    margin: 2rem 0;

    img {
      outline: 0.125rem solid transparent;
      border-radius: var(--tt-radius-xs, 0.25rem);
    }
  }

  // 线程内图片边距重置
  .tiptap-thread img {
    margin: 0;
  }
}